<template>
	<view class="bg-white" @click="go('/pages/order-detail/order-detail?id='+item.id)">
		<divider></divider>
		<!-- 头部 -->
		<view class="d-flex a-center p-2 border-bottom border-light-secondary">
			<view class="d-flex a-center j-center text-secondary">{{item.cd}}</view>
		</view>
		<!-- 身体 -->
		<view class="px-2">
			<view class=" border-bottom d-flex a-center py-2 border-light-secondary">
				<image style="width:150rpx;height: 150rpx;" :src="goods.cover" mode="widthFix" class="rounded mx-2 flex-shfrink"></image>
				<view class="flex-1">
					<view class="d-flex a-center">
						<text class="font-md text-dark">{{goods.title}}</text>
						<text class="font-md text-light-muted ml-auto">￥{{item.total}}</text>
					</view>
				</view>
			</view>
		</view>
	
		
	</view>
</template>

<script>
	export default{
		props:{
			item:Object,
			index:Number
		},
		computed:{
			goods() {
				return JSON.parse(this.item.goods)[0]
			}
		},
		methods:{
	
		}
	}
</script>

<style>
</style>
